<%@ taglib prefix="c"   uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn"  uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<title>La porra y el churro</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<style type="text/css">

</style>
</head>
<body style="margin: 0 0 0 0;">

<c:forEach items="${porra.masterList}" var="master" varStatus="nrow">
<form action="/data" method="post">
<!-- Titulo -->
  <div style="width: 100%;color: #FFFFFF;background-color: #377E95;clear: both;">
    <input type="hidden" name="usuario[]">
    ${master.idPartido}: 
    <input type="number" name="tipo[]" value="${master.tipo}" style="width: 35px;"> ${master.hora} 
    <input type="text"   name="pais1[]" value="${master.pais1}">
    <input type="text" name="goles1[]" value="${master.goles1}" style="width: 30px;"> : 
    <input type="text" name="goles2[]" value="${master.goles2}" style="width: 30px;">
    <input type="text"   name="pais2[]" value="${master.pais2}">
    <input type="submit" value="Guardar">
  </div>
<!-- Linea de usuarios -->
  <div id="row">
    <c:forEach items="${porra.usuarios}" var="user" varStatus="ncol">
      <c:set var="model" value="${porra.porrasList[ncol.index][nrow.index]}"/>
<!-- Usuario -->
      <div id="col" style="float: left;border-right: solid 2px #377E95;border-bottom: solid 2px #377E95;">
        <div style="margin: 5 5 5 5;width: 300px;">
        <div><input type="text" name="usuario[]" value="${user}"></div>
        <div>
          <input type="hidden" name="tipo[]" value="${model.tipo}"> 
          <input type="text" name="pais1[]" value="${model.pais1}" style="width: 100px;">
          <input type="text" name="goles1[]" value="${model.goles1}" style="width: 30px;"> : 
          <input type="text" name="goles2[]" value="${model.goles2}" style="width: 30px;">
          <input type="text" name="pais2[]" value="${model.pais2}" style="width: 100px;">
        </div>
        </div>
      </div>
    </c:forEach>
  </div>
</form>
</c:forEach>
</body>
</html>